<template>
    <view class="content">
        <view class="main">
                <view class="two">
                    <view class="title-p">
                        <text class="text little-title" >业务处理</text>
                    </view>
                    <uni-grid :showBorder="false" :column="3" class="app-grid">
                        <uni-grid-item class="app-grid-item"
                            v-for="(item, i) in appList"
                            type="error"
                            :marker="'badge'" 
                            :hor="35"
                            :ver="-45"
                            :key="i">
                            <text class="icon-font" v-html="item.icon"></text>
                            <text class="text" >{{item.name}}</text>
                        </uni-grid-item>
                            <!-- uni-grid-item参数text="99" -->
                    </uni-grid>
                </view>
        </view>
    </view>
</template>

<script>
    import {appList} from '../../constants/appData';
    import uniGrid from "@dcloudio/uni-ui/lib/uni-grid/uni-grid.vue"
    import uniGridItem from "@dcloudio/uni-ui/lib/uni-grid-item/uni-grid-item.vue"
    export default {
        data () {
            return {
            appList: appList
            }
        },
        computed: {
        },
        methods: {
        },
        components: {
            uniGridItem,
            uniGrid
        },
    }
</script>

<style lang="scss" scoped>
.main{
    height: 100%;
    padding: 20upx;
    .two{
        background: #fff;
        .app-grid{
            margin: auto;
            width: 700upx;
            .app-grid-item{
            }
        }
    }
    .title-p{
        padding: 0 10upx;
        font-weight: 700;
        color: #000;
        .little-title{
            color: #333;
        }
    }
}
</style>
